﻿@page "/popup"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Popup
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor <strong>Popup</strong> component.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    This demo shows a <code>RadzenPopup</code> component appearing on button click, which can display custom content at specified coordinates with customizable visibility, click handling, and closing behavior.
</RadzenText>

<RadzenExample ComponentName="Popup" Example="PopupConfig">
    <PopupConfig />
</RadzenExample>

<RadzenText Anchor="popup#datagrid" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    Popup for <strong>TextBox</strong> with <strong>DataGrid</strong>.
</RadzenText>

<RadzenExample ComponentName="Popup" Example="PopupDataGrid">
    <PopupDataGrid />
</RadzenExample>
